/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/

var app = new Vue({
    el:'#player',
    data:{
        musicName:'',
        musicList:[],
        commentList:[],
        musicUrl:'',
        coverUrl:'',
        hotComment:[],
        mvUrl:'',
        isShow: false,
        isPlaying: false
    },
    methods:{
        // 搜索歌曲
        searchMusic:function() {
            var that = this;
            axios.get('https://autumnfish.cn/search?keywords=' + this.musicName)
            .then(function(response){
                // console.log(response.data.result.songs);
                that.musicList = response.data.result.songs;
            }, function(err) {})
        },

        // 播放歌曲
        playMusic:function(musicId) {
            var that = this;
            // 获取歌曲播放地址
            axios.get('https://autumnfish.cn/song/url?id=' + musicId)
            .then(function(response) {
                // console.log(response);
                that.musicUrl = response.data.data[0].url;
            }, function(err) {});

            // 获取歌曲封面
            axios.get('https://autumnfish.cn/song/detail?ids=' + musicId)
            .then(function(response) {
                // console.log(response);
                that.coverUrl = response.data.songs[0].al.picUrl;
            }, function(err) {});

            // 获取热门评论
            axios.get('https://autumnfish.cn/comment/hot?type=0&id=' + musicId)
            .then(function(response) {
                // console.log(response);
                that.hotComment = response.data.hotComments;
            }, function(err) {})
        },

        // 播放MV
        playMv:function(mvid) {
            var that = this;
            axios.get('https://autumnfish.cn/mv/url?id=' + mvid)
            .then(function(response) {
                // console.log(response);
                that.isShow = true;
                that.mvUrl = response.data.data.url;
            }, function(err) {})
        },

        play:function() {
            this.isPlaying = true;
        },

        pause:function() {
            this.isPlaying = false;
        },

        hide:function() {
            this.isShow = false;
        }

        

    }
})